<template>
    <view class="content">
        <view class="outBox">
            <view class="SuccBox">
                <view class="iconfont icon-xuanze white bold"></view>
            </view>
            <text class="black size36 m-top20">{{ Unit }}成功</text>
            <text class="black h6 p-top30" @click="back()">返回查看用户</text>
        </view>
        <view class="newScan">
            <view class="ScanCenter">
                <Scan></Scan>
                <text class="fottxt m-top20">如需重复{{ Unit }}</text>
                <text class="fottxt">请重新用户支付码</text>
            </view>
        </view>
    </view>
</template>

<script>
    import Scan from '@/Money/components/Scan.vue'
    import { computed } from 'vue'
    export default {
        components: {
            Scan,
        },

        data() {
            return {
                type: 0,
            }
        },
        onLoad(opt) {
            if (opt.type) this.type = opt.type
        },
        methods: {},
        computed: {
            Unit() {
                return this.type == 0 ? '扣款' : '扣除'
            },
        },
    }
</script>

<style lang="scss" scoped>
    .content {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .outBox {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .SuccBox {
        width: 260rpx;
        height: 260rpx;
        border-radius: 50%;
        background-color: #16aa68;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
    }
    .icon-xuanze {
        font-size: 160rpx;
    }
    .newScan {
        width: 100%;
        padding: 40rpx;
        display: flex;
        justify-content: center;
    }
    .ScanCenter {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .fottxt {
        color: #666666;
        font-size: 24rpx;
    }
</style>
